import Vue from 'vue'
import App from './App.vue'
import router from './router/index.js'
import axios from "axios";



//按需引入组件
import { Image as VanImage,Tabbar,TabbarItem,Button, List,Grid, GridItem,Icon,NavBar,Col, Row ,Form,Field,Checkbox,Tab, Tabs,Sidebar,SidebarItem,Search, Card   } from 'vant';

//Tabbar 标签栏
Vue.use(Tabbar);
Vue.use(TabbarItem);
//表单
Vue.use(Form);
Vue.use(Field);
Vue.use(Checkbox,);
//List列表
Vue.use(List);
// 宫格
Vue.use(Grid);
Vue.use(GridItem);
// 图标
Vue.use(Icon);
Vue.use(NavBar);
//Layout 布局
Vue.use(Col);
Vue.use(Row);

Vue.use(Button);
//Tab 标签页
Vue.use(Tab);
Vue.use(Tabs);
//Sidebar 侧边导航
Vue.use(Sidebar);
Vue.use(SidebarItem);
//搜索
Vue.use(Search );
//Card 卡片
Vue.use(Card );
//
Vue.use(VanImage);


//全局引入组件
/* import Search from "./components/Search.vue"
import Banner from "./components/Banner.vue";
import StoreList from "./components/StoreList.vue"
import Tabbar from "./components/Tabbar.vue" */

Vue.config.productionTip = false

/* Vue.component('Search',Search)
Vue.component('Banner',Banner)
Vue.component('StoreList',StoreList)
Vue.component('Tabbar',Tabbar) */
Vue.prototype.axios = axios;
new Vue({
  router,
  render: h => h(App),
}).$mount('#app')
